import { ref } from 'vue'

const svgColor = ref({
  fill: 'rgb(48,49,51)'
})

const defaultStyle = {
  width: '20px',
  cursor: 'pointer',
  'line-height': '20px'
}

export const setSvgColor = () => {
  if (document.documentElement.classList.contains('dark')) {
    svgColor.value.fill = 'white'
  } else {
    svgColor.value.fill = 'rgb(48,49,51)'
  }
}

export const toPage = (herf) => {
  if (herf === '' || herf === '#' || typeof herf === 'undefined') {
    return
  } else {
    window.open(herf, '_blank')
  }
}

export { svgColor, defaultStyle }
